<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no" name="format-detection" />
	<meta content="emai=no" name="format-detection" />
	<title>母亲节明信片信息</title>
	<link rel="stylesheet" type="text/css" href="/mother/css/common.css" />
	<link rel="stylesheet" type="text/css" href="/mother/css/default.css" />
	<script src="/mother/js/zepto-1.1.6.js"></script>
	<script src="/mother/js/dist/lrz.bundle.js"></script>
	<script>
	var _hmt = _hmt || [];
	(function() {
	  var hm = document.createElement("script");
	  hm.src = "//hm.baidu.com/hm.js?19f39b206aedf768b42fbc69e4e4f721";
	  var s = document.getElementsByTagName("script")[0]; 
	  s.parentNode.insertBefore(hm, s);
	})();
	</script>
</head>
<body>
	<form action="/mothers/save" method="post">
		<input type="hidden" name="image_path" id="imagePath" value="">
		<header>
			<img src="/mother/img/banner.jpg" />
		</header>
		<!--Upload image-->
		<div class="section-title">
			请填写以下信息，用来完成您的定制明信片！
		</div>
		<section class="activity-img">
			<textarea rows="5" name="description" id="comment" maxlength="80" placeholder="亲！请在这里写下给妈妈的话吧，80字之内哦~ (必填）" data-message="请输入留言！"></textarea>
			<p id="uploadImages" class="clear">
				<span></span>
				上传照片（建议尺寸：800*600）
			</p>
			<input class="input-image" id="photo" type="file" accept="image/*" data-message="请上传照片"/>
		</section>
		
		<!--User Information-->
		<div class="section-title">
			请填写以下信息，使我们能够更精确地将明信片寄给您！
		</div>
		<ul>
			<li class="flex-wrapper flex-align-center">
				<p>姓名：</p>
				<p class="flex-1"><input type="text" name="user" id="user" placeholder="必填" data-message="请输入姓名！" /></p>
			</li>
			<li class="flex-wrapper flex-align-center">
				<p>联系方式：</p>
				<p class="flex-1"><input type="tel" name="phone" id="phone"  placeholder="必填" data-message="请输入联系方式！" /></p>
			</li>
			<li class="flex-wrapper flex-align-center">
				<p>详细地址：</p>
				<p class="flex-1"><input type="text" name="address" id="address"  placeholder="必填" data-message="请输入详细地址！" /></p>
			</li>
			<li class="flex-wrapper flex-align-center">
				<p>邮编：</p>
				<p class="flex-1"><input type="number" name="postcode" id="postcode"  placeholder="必填" data-message="请输入邮编！" /></p>
			</li>
		</ul>
		<p class="declare">芝士妈妈绝不会利用您的信息用作他途！</p>
		<button class="btn" type="submit">提 交</button>
		<p class="notice">注：上传提交后不可更改！</p>
	</form>
	<footer>
		<img src="/mother/img/logo.png" />
		本次活动最终解释权归芝士妈妈所有
	</footer>
	<script src="/mother/js/common.js"></script>
	<script src="/mother/js/default.js"></script>
</body>
</html>
